<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入 Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript" src="../../res/js/ly/area.js"></script>
<link href="../../res/css/ly/area.css" rel="stylesheet">
<title>地区页面</title>
</head>
<body>
	<div class="table-responsive mytab" id="b">
			<input type="button" class="btn btn-warning" id="addBtn" value="新增">
			<form id="queryForm">
				<input type="text" class="textCss" id="name" name="areaName"
					placeholder="请输入地区名"> <input type="button" value="查询"
					class="btn btn-success btn-sm" id="queryBtn" onclick="query()">
			</form>
		<table class="table table-hover table-bordered table-striped">
			<caption>地区列表</caption>
			<thead>
				<tr>
					<th>地区编号</th>
					<th>地区名</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody id="tab">

			</tbody>
		</table>
		<ul class="pagination"></ul>
	</div>
	<div id="addOrUpdateDiv" class="addOrUpdateDiv">
		<form class="form-horizontal" id="areaForm">
			<input type=hidden name="areaId" id="areaId">
			<fieldset>
				<div id="legend" class="">
					<legend class="" style="color:#ababab">地区</legend>
				</div>
				<div class="control-group">
					
					<!-- Text input-->
					<label class="control-label" for="input01" style="color:#ababab">地区名:</label>
					<input type="text" placeholder="请输入您的地区名" name="areaName" id="areaName" class="input-xlarge">
				</div>


				<div class="control-group">
					<label class="control-label"></label>

					<!-- Button -->
					<div class="controls">
						<input type="button" class="btn btn-success" id="areaSubmit" value="提交">
					</div>
				</div>

				<div class="control-group">
					<label class="control-label"></label>

					<!-- Button -->
					<div class="controls">
						<input type="button" class="btn btn-inverse" value="取消" id="cancelBtn">
					</div>
				</div>

			</fieldset>
		</form>

	</div>
</body>
</html>